<template>
  <div class="block">
    <el-carousel height="400px" interval="4000">
      <el-carousel-item>
        <el-image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg.jj20.com%2Fup%2Fallimg%2Ftp06%2F200QQU3202Y7-0-lp.jpg&refer=http%3A%2F%2Fimg.jj20.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1655019133&t=98057dd7a4b0392c6d703dce166633b8"></el-image>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://img2.baidu.com/it/u=336262490,1051226207&fm=253&fmt=auto&app=120&f=JPEG?w=1280&h=800"></el-image>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fdesk-fd.zol-img.com.cn%2Ft_s960x600c5%2Fg2%2FM00%2F0F%2F03%2FChMlWl7Zrm6ILcytACd064tGjx8AAPx1AKH-WUAJ3UD583.jpg&refer=http%3A%2F%2Fdesk-fd.zol-img.com.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1655019156&t=44d84a0c65ab1f1b49c7658a500d1355"></el-image>
      </el-carousel-item>
      <el-carousel-item>
        <el-image src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fpic1.win4000.com%2Fm00%2Fe7%2Ff5%2F4be82635b9cf81ffdc1dd0e0f0204b51.jpg&refer=http%3A%2F%2Fpic1.win4000.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1655019032&t=5ed69d794026c2ef9dd9a43c6566ff6f"></el-image>
      </el-carousel-item>
    </el-carousel>

    <div>
      
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
.el-carousel__item h3 {
    color: #475669;
    font-size: 14px;
    opacity: 0.75;
    line-height: 150px;
    margin: 0;
  }

  .el-carousel__item:nth-child(2n) {
     background-color: #99a9bf;
  }
  
  .el-carousel__item:nth-child(2n+1) {
     background-color: #d3dce6;
  }

  .block {
    height: 50%;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
  }
</style>>
